<section *ngIf="showForm">
    <form nz-form  [formGroup]="validateForm" (ngSubmit)="submitForm(validateForm.value)">
      <div nz-row [nzGutter] = '24'>
        <div nz-col [nzSpan] = '8'>
          <nz-form-item>
            <nz-form-label [nzSpan]="8" nzRequired>姓名</nz-form-label>
            <nz-form-control [nzSpan]="16" nzErrorTip="请输入姓名!">
              <input nz-input  placeholder="" formControlName="infoName"/>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row [nzGutter] = '24'>
          <div nz-col [nzSpan] = '8'>
            <nz-form-item>
              <nz-form-label [nzSpan]="8" nzRequired>人员类型</nz-form-label>
              <nz-form-control [nzSpan]="16" nzErrorTip="请选择人员类型">
                <nz-select nzShowSearch nzAllowClear nzPlaceHolder="" formControlName="personType">
                  <nz-option nzLabel="" nzValue=""></nz-option>
                  <nz-option nzLabel="清洁人员" nzValue="6"></nz-option>
                  <nz-option nzLabel="物业人员" nzValue="7"></nz-option>
                  <nz-option nzLabel="保安人员" nzValue="8"></nz-option>
                </nz-select>
              </nz-form-control>
            </nz-form-item>
          </div>
        </div>
      <div nz-row [nzGutter] = '24'>
        <div nz-col [nzSpan] = '8'>
          <nz-form-item>
            <nz-form-label [nzSpan]="8" nzRequired>手机号</nz-form-label>
            <nz-form-control [nzSpan]="16" nzErrorTip="请输入手机号!">
              <input nz-input  placeholder="" formControlName="infoMobile"/>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row [nzGutter] = '24'>
        <div nz-col [nzSpan] = '16'>
          <nz-form-item>
            <nz-form-label [nzSpan]="4" nzRequired>管理楼栋</nz-form-label>
            <nz-form-control [nzSpan]="20" nzErrorTip="请选择!">
              <nz-spin [nzSize]="'small'" [nzSpinning]="isLoading">
                  <nz-tree-select
                  #treedom
                  id="tree"
                  [ngModelOptions]="{standalone: true}"
                  [nzNodes]="nodes"
                  [(ngModel)]="value"
                  (keyup)="onKey($event)"
                  [nzDropdownStyle]="{'max-height': '300px'}"
                  nzCheckable
                  nzPlaceHolder="请输入关键字查询"
                  > </nz-tree-select>
                </nz-spin>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <nz-form-item style="text-align: center;">
        <nz-form-control [nzOffset]="7" [nzSpan]="12">
          <button nz-button nzType="primary">提交</button>
          <button nz-button (click)="resetForm($event)">重置</button>
        </nz-form-control>
      </nz-form-item>
    </form>
  </section>


